<style>
    #module_sort_frame {
        height:100%;
        position: relative;
        overflow-x: hidden;
        overflow-y: scroll;
        position: relative;
        background: #e0e0e0;
    }
    #module_sort_frame::-webkit-scrollbar {
        width: 5px;
        background: #ffffff;
        opacity: .5;
    }
    #module_sort_frame::-webkit-scrollbar-thumb {
        background: #3d3d3d;
    }
    #module_sort_frame::-webkit-scrollbar-track {
        background: #eeeeee;
    }
    .dd_frame {
        position:relative;
        height:450px;
        border-bottom: 1px solid #cccccc;
    }
    .dd_panel {
        position:relative;
        width:500px;
        height:100%;
        margin:0 auto;
        z-index: 1;
    }
    .dd_center_card {
        position:absolute;
        left:50%;
        margin-left:-125px;
        width:250px;
        height:350px;
        z-index: 3;
    }
    .dd_card {
        position:absolute;
        width:250px;
        height:350px;
        background:#ffffff;
        transition:all ease .5s;
        font-size:72px;
        color:#ffffff;
        border-radius: 4px;
        border:1px solid #cccccc;
    }
    .dd_card:hover {
        transform: scale(1.3, 1.3);
    }
    .dd_left {
        position:absolute;
        left:0;
        width:42%;
        height:100%;
        z-index: 2;
    }
    .dd_right {
        position:absolute;
        right:0;
        width:42%;
        height:100%;
        z-index: 2;
    }
    .dd_card > .title {
        position:relative;
        height:45px;
        display:block;
        border-bottom:1px solid #cccccc;
    }
    .dd_card > .title > span{
        position:absolute;
        color:#000000;
        left:12px;
        top:50%;
        margin-top:-12px;
        font-size: 18px;
    }
    .dd_frame > h1 {
        font-size: 18px;
    }
</style>
<article id="module_sort_frame">
    <section class="dd_frame" data-cur="0" id="person">
        <h1>习惯记录</h1>
        <div class="dd_left"></div>
        <div class="dd_right"></div>
        <article class="dd_panel">
            <div class="dd_center_card">

            </div>
        </article>
    </section>

    <section class="dd_frame" data-cur="0" id="autoSort">
        <h1>历史访问</h1>
        <div class="dd_left"></div>
        <div class="dd_right"></div>
        <article class="dd_panel">
            <div class="dd_center_card">

            </div>
        </article>
    </section>

    <script src="/js/utils/auto_resize.js"></script>
    <script src="views/framework/moduleSort/js/module_sort_manager.js"></script>
    <script>
        (function() {


        })();
        var moduleSortManager = new ModuleSortManager($('#module_sort_frame'));
    </script>
</article>